<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ page contentType="text/html;charset=ISO-8859-1"
         %><html:html>
    <head>
        <title><bean:message key="VCrearCuenta.title"/></title>
        <html:base/>
        <%@include file="../header/include.jsp" %>
    </head>
    <body>
        <div id="header" class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <ul id="nav">
                    <%--<li><html:link action="/APreCuentas.do"><bean:message key="VCrearCuenta.label1"/></html:link></li>--%>

                </ul>
            </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1>Nueva Cuenta</h1></div>
                            <div  class="ui-widget-content ui-widget">

                                <script type="text/javascript">
                                    $(function() {
                                        $("#tabs").tabs();
                                    });
                                </script>
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos Cuenta</a></li>
                                        <li><a href="#tabs-2">Direcci&oacute;n</a></li>
                                        <li><a href="#tabs-3">Extra y Responsable</a></li>

                                    </ul>
                                    <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                        <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                            <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreContactos.do" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Ir a Cuentas</html:link></li></cohesion:actor>
                                        </ul>
                                    </div>

                                    <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                        <div id="form_container"><html:form styleId="F286725"
                                                   action="/ACrearCuenta.do" method="post">

                                                <div id="tabs-1">
                                                    <html:hidden property="idCuenta"/>

                                                    <%--input para el nombre de la cuenta--%>

                                                    <div class="formRow <logic:notEmpty name="nombreError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="nombre">Nombre</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="nombre" property="nombre" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="nombreError">
                                                            ${nombreError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el correo electronico--%>

                                                    <div class="formRow <logic:notEmpty name="correoEError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="correoE">Correo Electr&oacute;nico</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="correoE" property="correoE" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="correoEError">
                                                            ${correoEError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--inputa para el telefono de la oficina--%>


                                                    <div class="formRow <logic:notEmpty name="telefonoOficinaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="telefonoOficina">Tel&eacute;fono Oficina</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="telefonoOficina" property="telefonoOficina" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="telefonoOficinaError">
                                                            ${telefonoOficinaError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el telefono del fax--%>


                                                    <div class="formRow <logic:notEmpty name="telefonoFaxError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="telefonoFax">Tel&eacute;fono Fax</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="telefonoFax" property="telefonoFax" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="telefonoFaxError">
                                                            ${telefonoFaxError}
                                                        </logic:notEmpty>
                                                    </div>


                                                    <%--input para el tipo de cuenta--%>

                                                    <div class="formRow <logic:notEmpty name="tipoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="tipo">Tipo de Cuenta</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:select styleId="tipo" property="tipo"><html:optionsCollection property="listTipoCategoria"/></html:select>
                                                        </div>
                                                        <logic:notEmpty name="tipoError">
                                                            ${tipoError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el sector en que se relaciona la cuenta--%>


                                                    <div class="formRow <logic:notEmpty name="sectorError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="sector">Sector de la Cuenta</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:select styleId="sector" property="sector"><html:optionsCollection property="listSectorCategoria"/></html:select>
                                                        </div>
                                                        <logic:notEmpty name="sectorError">
                                                            ${sectorError}
                                                        </logic:notEmpty>
                                                    </div>


                                                    <%--input para el numero de empleados--%>


                                                    <div class="formRow <logic:notEmpty name="numeroEmpleadoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="numeroEmpleado">N&uacute;mero de Empleados</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="numeroEmpleado" property="numeroEmpleado" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="numeroEmpleadoError">
                                                            ${numeroEmpleadoError}
                                                        </logic:notEmpty>
                                                    </div>


                                                    <%--input para los ingresos anuales--%>

                                                    <div class="formRow <logic:notEmpty name="ingresosAnualesError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="ingresosAnuales">Ingresos Anuales</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="ingresosAnuales" property="ingresosAnuales" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="ingresosAnualesError">
                                                            ${ingresosAnualesError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para la pagina web--%>


                                                    <div class="formRow <logic:notEmpty name="paginaWebError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="paginaWeb">P&aacute;gina Web</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="paginaWeb" property="paginaWeb" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="paginaWebError">
                                                            ${paginaWebError}
                                                        </logic:notEmpty>
                                                    </div>
                                                </div>
                                                <div id="tabs-2">
                                                    <%--input para la direccion--%>

                                                    <div class="formRow <logic:notEmpty name="direccionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="direccion">Direcci&oacute;n</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="direccion" property="direccion" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="direccionError">
                                                            ${direccionError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para la direccion de facturacion--%>


                                                    <div class="formRow <logic:notEmpty name="direccionFacturacionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="direccionFacturacion">Direcci&oacute;n Facturaci&oacute;n</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="direccionFacturacion" property="direccionFacturacion" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="direccionFacturacionError">
                                                            ${direccionFacturacionError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el codigo postal--%>


                                                    <div class="formRow <logic:notEmpty name="codigoPostalError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="codigoPostal">C&oacute;digo Postal</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="codigoPostal" property="codigoPostal" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="codigoPostalError">
                                                            ${codigoPostalError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para la ciudad de la cuenta--%>

                                                    <div class="formRow <logic:notEmpty name="ciudadError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="ciudad">Ciudad</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="ciudad" property="ciudad" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="ciudadError">
                                                            ${ciudadError}
                                                        </logic:notEmpty>
                                                    </div>
                                                        
                                                    <div class="formRow <logic:notEmpty name="estadoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="estado">Estado</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="estado" property="estado" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="estadoError">
                                                            ${estadoError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el pais de la cuenta--%>


                                                    <div class="formRow <logic:notEmpty name="paisError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="pais">Pa&iacute;s</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="pais" property="pais" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="paisError">
                                                            ${paisError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el estado--%>


                                                </div>
                                                <div id="tabs-3">



                                                    <%--input para la descripcion--%>

                                                    <div class="formRow <logic:notEmpty name="descripcionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="descripcion">Descripci&oacute;n</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:textarea styleId="descripcion" property="descripcion" cols="60" rows="10"></html:textarea>
                                                        </div>
                                                        <logic:notEmpty name="descripcionError">
                                                            ${descripcionError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para los comentarios--%>

                                                    <div class="formRow <logic:notEmpty name="comentariosError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="comentarios">Comentarios</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:textarea styleId="comentarios" property="comentarios" cols="60" rows="10"></html:textarea>
                                                        </div>
                                                        <logic:notEmpty name="comentariosError">
                                                            ${comentariosError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--input para el responsable de la cuenta--%>

                                                    <div class="formRow <logic:notEmpty name="respCuentaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="respCuenta">Responsable de la Cuenta</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:select styleId="respCuenta" property="respCuenta"><html:optionsCollection property="listPersonal"/></html:select>
                                                        </div>
                                                        <logic:notEmpty name="respCuentaError">
                                                            ${respCuentaError}
                                                        </logic:notEmpty>
                                                    </div>
                                                </div>

                                                <html:submit styleClass="fg-button-mini fg-button ui-state-default" style="padding: 5px 10px 5px 10px;">Guardar</html:submit>
                                            </html:form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="right">

                        <%@include file="../administrador/VMenuAdmin.jsp" %>
                    </div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
<div id="footer"> <%@include file="/footer/include.jsp" %> </div>
    </body>
</html:html>